<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
        <meta name="keywords" content=""/>
        <meta name="description" content=""/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
        <!--Set render engine for 360 browser-->
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta name="format-detection" content="telephone=no"/>
        <meta http-equiv="Page-Enter" content="revealTrans(duration=4.0, transition=22)">
        <meta http-equiv="Page-Exit" content="revealTrans(duration=4.0, transition=22)">
        <!--No Baidu Siteapp-->
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <!--Add to homescreen for Chrome on Android-->
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="default">
        <meta name="apple-mobile-web-app-title" content="弹溜溜"/>
        <!--Tile icon for Win8(144x144+tile color)-->
        <meta name="msapplication-TileColor" content="#0e90d2">
	<title>测试你毁灭地球的能力</title>
        <link rel="stylesheet" type="text/css" href="<{$style_dir}>/css/common.css">
	<link rel="stylesheet" type="text/css" href="<{$style_dir}>/css/index.css">
        <script src="/static/js/jquery-3.1.1.min.js" type="text/javascript"></script>
        <script src="/static/js/common.js" type="text/javascript"></script>
</head>
<body>
	<style type="text/css">
	    body {
	    	background-image: url(../../../static/weixin/img/activity/bj.jpg);
	    	background-size: 100%;
	    }
	    .mui-pages{
	    	top: 0;
	    }
	</style>
	
	<input type="hidden" id="art-info" data-title="<{$result['share_title']}>" data-desc="" data-link="<{$result['share_link']}>" data-thumb="http://wx.tan66.com/static/default/img/activity/end_cover.png"/>

	<!--第五部分-->
	<div id="page5" class="part5">
		<!--毁灭地球能力值-result-->
		<div id="result" class="g-result">
			<img src="../../../static/default/img/activity/end_cover.png" alt="" />
			<div class="part-result">
				<div class="test_value f-cb">
					<img class="fl" src="/static/default/img/activity/earth.png"/>
					<section class="result-box fl">
						<h4>Ta毁灭地球的能力值是 <strong><{$result['fraction']}></strong> 分</h4>
						<p>Ta打败了全国<span><{$result['percentage']}></span>的人</p>
					</section>
				</div>
				<div class="ewm-box f-cb">
					<img src="/static/default/img/activity/qrcode_ewm.png"/><p>长按识别二维码<br/>你也来测试<br/>一起毁灭地球吧~</p>
				</div>
			</div>
		</div>
	</div>
	<!--第五部分 end-->
	
	<div class="music_box">
		<audio controls='controls' loop='loop' id='bg-music' class="bg-music">
			<source src='/static/default/img/activity/Big_Bang .mp3' type='audio/mp3'>
		</audio>
		<a href="javascropt:;" onclick="funMusicOn(this)" class=""><img src="/static/default/img/activity/music_on.gif" alt="" /></a>
		<a href="javascropt:;" onclick="funMusicOff(this)" class="disblock active"><img src="/static/default/img/activity/music_off.png" alt="" /></a>
	</div>
	<!--分享提示弹窗-->
    <div class="public-field-bj publick-jq5" id="wx-share" style="display: none;">
        <img src="<{$style_dir}>/img/share.png">
    </div>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
	<script type="text/javascript" charset="utf-8">
                var appid = "<{$wxjsapi_config['appid']}>";
                var timestamp = "<{$wxjsapi_config['timestamp']}>";
                var nonceStr = "<{$wxjsapi_config['nonceStr']}>";
                var signature = "<{$wxjsapi_config['signature']}>";
                wx.config({
                    debug: false,appId: appid,timestamp: timestamp,nonceStr: nonceStr, signature: signature,
                    jsApiList:['checkJsApi','onMenuShareTimeline','onMenuShareWeibo','onMenuShareAppMessage','onMenuShareQQ','onMenuShareQZone' ] 
                });
                var _a = $("#art-info"),_t=_a.attr("data-title"),_l=_a.attr("data-link"),_i=_a.attr("data-thumb"),_d=_a.attr("data-desc");
                wx.ready(function(){
                    wx.onMenuShareAppMessage({title:_a.attr("data-title"),desc:_a.attr("data-desc"),link:_a.attr("data-link"),imgUrl:_a.attr("data-thumb"),type: '',dataUrl: '',success: function () {},cancel: function () {}});
                    wx.onMenuShareTimeline({title:_a.attr("data-title"),desc:_a.attr("data-desc"),link:_a.attr("data-link"),imgUrl:_a.attr("data-thumb"),success: function () {},cancel: function () {}});
                    wx.onMenuShareQQ({title:_a.attr("data-title"),desc:_a.attr("data-desc"),link:_a.attr("data-link"),imgUrl:_a.attr("data-thumb"),type: '',dataUrl: '',success: function () {},cancel: function () {}});
                    wx.onMenuShareWeibo({title:_a.attr("data-title"),desc:_a.attr("data-desc"),link:_a.attr("data-link"),imgUrl:_a.attr("data-thumb"),success: function () {},cancel: function () {}});
                    wx.onMenuShareQZone({title:_a.attr("data-title"),desc:_a.attr("data-desc"),link:_a.attr("data-link"), imgUrl:_a.attr("data-thumb"),success: function () {},cancel: function () {}});
                });
            //分享至朋友圈
		$(".share_friend").click(function(){
			$('#wx-share').fadeIn();
		});
		$('#wx-share').click(function(){
			$(this).fadeOut();
		})
		function funMusicOn(e){
			var audio = document.getElementById('bg-music');
			$(e).removeClass('disblock active').siblings('a').addClass('disblock active');
		    audio.pause();// 这个就是暂停
		}
		function funMusicOff(e){
			var audio = document.getElementById('bg-music');
			$(e).removeClass('disblock active').siblings('a').addClass('disblock active');
		    audio.play();//audio.play();// 这个就是播放 
		}
		function funMusicStart(e){
			var audio = document.getElementById('bg-music');
			$(e).parent('#page1').siblings('.music_box').children('#bg-music').removeClass('disblock active').siblings('a').addClass('disblock active');
		    audio.play();//audio.play();// 这个就是播放 
		}
	</script>
</body>
</html>
